<table class="sortable" align="center">
	<tr height="30" > 
		<th align="center" >  # </th>
		<th align="left"   >  Jogo </th>
		<th align="center">   % </th>
		<th class="righttop"> <img src="/media/gold.png" width=20 height=20>     </th>
		<th class="lefttop">  <img src="/media/up.png" >      </th>
		<th class="righttop"> <img src="/media/silver.png" width=20 height=20>   </th>
		<th class="lefttop">  <img src="/media/up.png" >      </th>
		<th class="righttop"> <img src="/media/bronze.png" width=20 height=20>   </th>
		<th class="lefttop">  <img src="/media/up.png" > </th>
		<th class="righttop"> <img src="/media/total.png" width=20 height=20>   </th>
		<th class="lefttop">  <img src="/media/up.png" > </th>
	</tr>
{% for game in user_game_info %}
	<tr> 
		{% if game.platinum  %} 
			<td align="center"   width=25 sorttable_customkey=2>
			<img src="/media/platinum.png" width=20 height=20> 
		{% else  %}
			{% ifequal game.perc_done 100 %} 
				<td align="center"   width=25 sorttable_customkey=1>
				<img src="/media/100.jpg"> 
			{% else %}
				<td align="center"   width=25 sorttable_customkey=0>
		   {% endifequal %}
		{% endif %}
		</td>
		<td align="left" >
			<img class="meio" src="/media/game/{{ game.game.psn_id}}/icon.png" height=44 width=80 />
         {% autoescape off %}
			{% if psn_id %}
				<a href="/game/{{ game.game.psn_id}}" > {{ game.game.name}} </a>
			{% else %}
				<a href="/rank/{{ userRank.auth.username }}/game/{{ game.game.psn_id}}" > {{ game.game.name}} </a>
			{% endif %}
         {% endautoescape %}
		</td>
		<td align="left"   width=100> 
			   <div class="barslide" style="width: {{game.perc_done}}px">
				<div class="barbg"> {{ game.perc_done }}% </div></div>
			</div>
		</td>
	 
		<td class="right">{{ game.gold}}</td>
		<td class="left"> {% if game.last.gold %}    +{{ game.last.gold }} {%endif %} </td>
		<td class="right">{{ game.silver}}</td>
		<td class="left"> {% if game.last.silver %}  +{{ game.last.silver}} {%endif %} </td>
		<td class="right">{{ game.bronze}}</td>
		<td class="left"> {% if game.last.bronze %}  +{{ game.last.bronze }} {%endif %} </td>
		<td class="right">{{ game.total }}</td>
		<td class="left"> {% if game.last.total %}   +{{ game.last.total }} {%endif %} </td>

		</div>
	</tr>
{% endfor %}
</table>
